@charset "UTF-8";

/*
 * Elia Contini 18 Apr 2011
 */
 
#recentCollections, #pastCollections
	{
		clear: both;
	}
	
/*******************************************************************************
                                  Collections
 *******************************************************************************/
ul.collectionS
	{
		clear: both;
		list-style: none;
		margin: 0 0 0 1.0em;
		padding: 0
	}
	
ul.collectionS li a
	{
		background: transparent url('../img/photo-s.png') no-repeat 50% 0;
		border: 1px solid #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #333;
		display: block;
		float: left;
		margin: 0.25em;
		padding: 4.0em 0.25em 0.25em 0.25em;
		text-align: center;
		text-decoration: none;
		width: 5.0em
	}
	
ul.collectionL
	{
		clear: both;
		list-style: none;
		margin: 0 0 0 2em;
		padding: 0
	}
	
ul.collectionL li a:link, ul.collectionL li a:visited
	{
		background: transparent url('../img/photo.png') no-repeat 50% 0;
		border: 1px solid #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #333;
		display: block;
		float: left;
		margin: 0.5em;
		padding: 9.0em 0.25em 0.25em 0.25em;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 10.0em
	}
	
ul.collectionL li a:hover, ul.collectionL li a:active
	{
		background-color: #ff2;
		color: #333
	}

/*******************************************************************************
                              Multimedia Items
 *******************************************************************************/
ul.multimediaItems
	{
		clear: both;
		list-style: none;
		margin: 0 0 0 2em;
		padding: 0
	}
	
ul.multimediaItems li a:link, ul.multimediaItems li a:visited
	{
		background-color: transparent;
		border: 1px solid #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #333;
		display: block;
		float: left;
		margin: 0.5em;
		padding: 0.25em;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 10.0em
	}
	
ul.multimediaItems li a:hover, ul.multimediaItems li a:active
	{
		background-color: #ff2;
		color: #333
	}
	
/*******************************************************************************
                                      Labels
 *******************************************************************************/

span.itemName
	{
		display: block
	}

span.creationDate, span.video, span.image, span.text, span.audio
	{
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		top: 1.0em;
		padding: 0.25em;
		position: absolute;
		right: 0.25em;
		text-align: center;
		width: 3.0em
	}
	
span.creationDate
	{
		background-color: #333;
		color: #ddd;
		width: 7em
	}

span.video
	{
		background-color: #f00;
		color: #ddd
	}
	
span.image
	{
		background-color: #0f0;
		color: #333
	}
	
span.text
	{
		background-color: #00f;
		color: #ddd
	}
	
span.audio
	{
		background-color: #f0f;
		color: #ddd
	}

video
	{
		border: 1px solid #333;
		display: block;
		margin: 2% auto;
		padding: 0;
		width: 500px
	}
	
audio
	{
		border: 1px solid #333;
		display: block;
		margin: 2% auto;
		padding: 0
	}
	
span.tag
	{
		background-color: #ddd;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #333;
		border-radius: 5px;
		color: #333;
		display: inline-block;
		margin: 0.25em 0 0.25em 0;
		padding: 0.25em
	}
	
table.itemDetails
	{
		width: 98%
	}